<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
  span {
    display: inline-block;
    width: 80px;
    height: 34px;
    line-height: 34px;
    padding: 10px;
    margin: 4px;
    text-align: center;
    font-size: 16px;
    color: green;
    /* 没有效果 */
    border-collapse: collapse;
    border: 1px solid #000;
    box-shadow: 2px 2px 2px rgba(255, 192, 203, .4);
    background-color: #FFF;
  }
</style>

<body>

  <script>
    for (let i = 1; i <= 9; i++) {
      for (let j = 1; j <= i; j++) {
        document.write("<span>" + j + " x " + i + " = " + (i * j) + "</span>");
      }
      document.write(`</br>`);
    }
  </script>
</body>

</html>